<template>
    <div class="proRight">
        <TabNav @transferTab="getCmponentName" :subNav="subnav"></TabNav>
        <div class="tableInfor">
            <div :is="item.components" v-show="index==Guider_current_seclected" :text="item.text" :key="item.id" v-for="(item,index) in tabList" :proid="item.dataId" :subNav="subnav"></div>
        </div>
    </div>
</template>
<script>
    import TabNav from '@/components/public/tabNav'
    import GuiderProDefault from '@/components/guider/guider_pro_default'
    import GuiderProNew from '@/components/guider/guider_pro_new'
    import GuiderProEdit from '@/components/guider/guider_pro_edit'

    export default {
        data(){
            return {
                tabList:'',
                item:'导游管理',
                componentName:'GuiderProDefault',
                cur:0,
            }
        },
        props:['subnav'],
        computed:{
            Tab_List(){
                return this.$store.state.guider.tabList;
            },
            Guider_current_seclected(){
                return this.$store.state.guider.curSeclected
            },
        },
        methods:{
            getCmponentName(item,num){
                this.componentName = item;
            }
        },
        mounted(){
            var self = this;
            self.tabList = self.Tab_List;
        },
        components:{
          TabNav,
          GuiderProDefault,
          GuiderProNew,
          GuiderProEdit
        }
    }
</script>
